@extends('layouts.console_header')

@section('title', '商家二维码管理')

@section('resources')
    @parent
    <style>
        .shop_code_search{overflow: hidden;}
        .shop_code_search input{float: left;width: 200px;height: 30px;border: 1px solid #000;}
        .shop_code_search .shop_code_searchbtn{float: left;height: 30px;margin-left: 10px;width: 50px;background-color: #9955c6;color: #fff;border: none;}
        nav{height: 50px;line-height: 50px;overflow: hidden;}
        nav .state{width: 100px;height: 28px;border: 1px solid #000;margin: 10px 20px;}
        nav a,nav span{margin-left: 20px;}
        nav input{margin-left: 20px;height: 28px;border: 1px solid #000;margin-top: 10px;}
    </style>
@endsection

@section('content')
<!--  html内容  -->
<section class="user_list">
	<div style="border-bottom: 2px solid #9955c6;overflow: hidden;">
		<p class="fz_14 account_title fl" style="border: none;">
		    <span style="color: #7f7f7f;"><a href="/console/index">首页</a>商家版运营></span>
		    <span class="co_violet">商家二维码管理</span>
		</p>
		<a href="#"><p class="fr tc back_btn">新增二维码</p></a>
	</div>
	<nav>
        <p class="shop_code_search fl">
            <input type="text" name="search" value="" placeholder="搜索">
            <input class="shop_code_searchbtn" type="button" name="submit_search" value="搜索">
        </p>
        <select name="" id="" class="fl state">
            <option value="">全部状态</option>
            <option value="">未绑定</option>
            <option value="">已绑定</option>
        </select>
        <span class="fl">时段选择</span>
        <input class="fl" type="date" name="starttime" value="" onchange="select_date()">
        <span class="fl">至</span>
        <input class="fl" type="date" name="lasttime" value="" onchange="select_date()">
    </nav>
	<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th style="width: 15px;"><input class="all_choose" type="checkbox" name="" value=""></th>
                <th>序号</th>
                <th>二维码编号</th>
                <th>是否绑定</th>
                <th>商家代码</th>
                <th>商家名称</th>
                <th>商务人员</th>
                <th>绑定时间</th>
                <th>操作</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th></th>
                <th>序号</th>
                <th>二维码编号</th>
                <th>是否绑定</th>
                <th>商家代码</th>
                <th>商家名称</th>
                <th>商务人员</th>
                <th>绑定时间</th>
                <th>操作</th>
            </tr>
        </tfoot>
        <tbody id="tbody_content">
            <tr>
                <td><input type="checkbox" name="" value=""></td>
                <td>1</td>
                <td>000001</td>
                <td>绑定</td>
                <td>0000001</td>
                <td>商家名称</td>
                <td>黄文风</td>
                <td>2017-01-17</td>
                <td><a class="co_violet" href="#">下载</a></td>
            </tr>
            <tr>
                <td><input type="checkbox" name="" value=""></td>
                <td>1</td>
                <td>000001</td>
                <td>绑定</td>
                <td>0000001</td>
                <td>商家名称</td>
                <td>黄文风</td>
                <td>2017-01-17</td>
                <td><a class="co_violet" href="#">下载</a></td>
            </tr>
            <tr>
                <td><input type="checkbox" name="" value=""></td>
                <td>1</td>
                <td>000001</td>
                <td>绑定</td>
                <td>0000001</td>
                <td>商家名称</td>
                <td>黄文风</td>
                <td>2017-01-17</td>
                <td><a class="co_violet" href="#">下载</a></td>
            </tr>
        </tbody>
    </table>
</section>
@endsection

@section('scriptResources')
    @parent
    <script>
        //全选
        $(".all_choose").click(function(){
            if(this.checked){
                $("#tbody_content input").prop("checked",true);
            }else{
                $("#tbody_content input").prop("checked",false);
            }
        })
    </script>
@endsection